<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="../static/layui/css/layui.css">
  <script src="../static/layui/layui.js"></script>
</head>
<body>
<div class="layui-tab" lay-allowClose="true" lay-filter="demo">…</div>
<span class="layui-breadcrumb" lay-separator="|"></span>

And So On

<div class="layui-tab" lay-filter="demo">
  <ul class="layui-tab-title">
    <li class="layui-this">网站设置</li>
    <li>商品管理</li>
    <li>订单管理</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show" id="div1">内容1</div>
    <div class="layui-tab-item" id="div2">内容2</div>
    <div class="layui-tab-item" id="div3">内容3</div>
  </div>
</div>
<script>
  layui.use('element', function(){
    var element = layui.element;

    //一些事件
    element.on('tab(demo)', function(data){
      console.log(data);
      document.getElementById("div1").innerText='柯维钦好帅1'
      document.getElementById("div2").innerText='柯维钦好帅2'
      document.getElementById("div3").innerText='柯维钦好帅3'

    });
  });
</script>
</body>
</html>
